<!-- 名称：登录画面 -->
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<!-- Bootstrap -->
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/bootstrap.css">
<link rel="stylesheet" href="/img/font_v9r8ygozy8l/iconfont.css">
<!-- jquery -->
<script src="/jquery/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="/js/bootstrap.js"></script>
<script type="text/javascript" src="/js/login.js"></script>

<style type="text/css">
    html, body {
       height: 100%;
    }
    .header h1 {
        color: #FFFFFF;
        font-size: 25px;
        font-weight: 800;
        text-indent: 2em;
        margin-bottom: 0;
    }
    hr {
        border: 0;
        border-top: 4px solid white;
        width: 97%;
        margin: auto;
    }
    .container{
        background:#B4C6E7;
        height:100%;
        width: 100%;
        overflow:auto;
        top:100px;
        position:absolute;
        z-index:2;
        bottom:100px;
    }
    .container input{
        border-radius: 5px;
        border: 2px solid #999;
        font-size: 15px;
        width: 83%;
        height: 12%;
    }
    .container button{
        border-radius: 5px;
        width: 38%;
        height: 10%;
        color: #FFF;
        background-color: #305496;
        font-size: 18px;
        position:absolute;
        top: 270px;
        left: 77px;
    }
    
    .container select{
        border: 2px solid #999;
        border-radius: 5px;
        width: 83%;
        height: 12%;
        background-color: #E8F0FE;
        left: 76px;
    }
    
</style>
</head>
<form role="form" method="">
    <div class="header navbar-fixed-top" style="background-color: #305496;height: 100px;">
        <h1>延吉市第一中学</h1>
        <p style="color: #FFD966; text-indent: 4em; font-size: 25px; font-weight: 800; margin: 0;">学生信息管理系统</p>
        <hr />
    </div>
    <div class="container text-center">
        <div class="col-md-1"></div>
        <div class="col-md-10" style="height: 350px;top: 10%;padding: 0;">
            <img src="/img/home_page.png" style="margin: auto;height: 100%;width: 60%;float:left">
            <div class="col-md-4" style="border: 1px solid #000;height: 100%;width: 39%;float:right;position: relative;">
                <h2 style="margin: 16px 0 25px 0px; color: #305496;font-weight:800;">进入平台请登录</h2>
                <i class="iconfont" style="top: 100px;">&#xe60d;</i>
                <input type="text" name="user_input" id="user_input" placeholder=" 请输入您的账号">
                <p style="color: red; text-align: left; margin-left: 45px;height: 15px;" id="user_error"></p>
                <i class="iconfont" style="top: 251px;" >&#xe617;</i>
                <input type="password" name="pw_input" id="pw_input" placeholder=" 请输入您的密码(区分大小写)">
                <p style="color: red; text-align: left; margin-left: 45px;height: 15px;" id="pw_error"></p>
                <i class="iconfont" style="" >&#xe64a;</i>
                <select id="perm">
                    <option value ="0">学生</option>
                    <option value ="1">教师</option>
                </select>
                <p style="color: red; text-align: left; margin-left: 45px;height: 15px;" id="perm_error"></p>
                <button type="button" class="submit_btn" onclick="butFun()">登 录</button>
            </div>
        </div>
        <div class="col-md-1"></div>
        
    </div>

    <footer class="navbar-fixed-bottom" style="background-color: #305496; height:50px;">
    </footer>
</form>

</html>
